<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I embed a YouTube video in a text box?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I embed a YouTube video in a text box?</h1></div>
<div>



      <div class="step screensteps-section screensteps-depth-1" id="locate-the-youtube-video-you-would-like-to-embed-in-a-text-box">
    <h2 class="step-title screensteps-heading">Locate the YouTube video you would like to embed in a text box. </h2>
        <div class="step screensteps-section screensteps-depth-2" id="click-share">
    <h3 class="step-title screensteps-heading">Click Share.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/289/544/original/c888edb0-96dd-4f26-91d2-4a0e3f6dc900.png" alt="" height="608" width="709">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_A43C78F4-5168-4592-8BD4-F9E3059D28FA" class="text-block-content">
    <p>This displays the YouTube sharing panel.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-embed">
    <h3 class="step-title screensteps-heading">Click Embed.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/289/537/original/aa62c62e-f534-4fb1-ab0b-c7fe65e2188b.png" alt="" height="197" width="370">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_A80146D2-1CF5-478D-9460-906C21385FB6" class="text-block-content">
    <p>This displays the YouTube video embed code.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="copy-the-embed-code">
    <h3 class="step-title screensteps-heading">Copy the embed code.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/001/289/539/original/5b87a19c-e771-412c-b956-8c2f59624c24.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/001/289/539/medium/5b87a19c-e771-412c-b956-8c2f59624c24.png" alt="" height="321" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_820CAAFC-92FA-4102-8BC7-ECCFED818065" class="text-block-content">
    <p>Copy the YouTube embed code to your computer's clipboard (CTRL-C for PC or COMMAND-C for MAC). You can also use the COPY button that appears at the bottom of the section. </p>
<p><em>Tip: Remove the check mark next to "Show suggested videos when the video finishes"</em></p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="in-the-text-box-click-source">
    <h2 class="step-title screensteps-heading">In the text box, click Source.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/234/336/original/cb94768a-8940-44fe-ba50-20e5ff487dab.png" alt="" height="408" width="750">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_C5930164-D398-46C5-81DE-372AD660D75B" class="text-block-content">
    <p>This displays the HTML code for the text box.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Position the cursor.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/234/341/original/e3eb0ec5-7692-41da-b457-f627664db4b6.png" alt="" height="411" width="760">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_7836E3EA-B4B0-4671-8F86-EE76DE1343C9" class="text-block-content">
    <p>Position your cursor where you would like the video embedded, then paste the YouTube embed code (CTRL-V for PC or COMMAND-V for MAC).</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-source-again">
    <h2 class="step-title screensteps-heading">Click Source again. </h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/234/338/original/cbdf75f5-9f10-4222-a578-e3394dc2a574.png" alt="" height="574" width="752">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_EE350759-9D1C-4C50-AC80-5BB4EDED3596" class="text-block-content">
    <p>This returns the text box display to normal editing mode. The embedded YouTube video will display as a box marked "iframe." When the item using the text box is posted or saved, it displays the embedded YouTube video.</p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
